<template>
	<view>
		<view class="edgeInsetTop"></view>
		<view class="cu-list menu sm-border">
			<view class="cu-item arrow" @tap="$wanlshop.auth(`/pages/user/auth/resetpwd`)">
				<view class="content">
					<text>{{$t('security-title-updatePass')}}</text>
				</view>
			</view>
			<view class="cu-item arrow" @tap="$wanlshop.auth(`/pages/user/auth/revisePhone`)">
				<view class="content">
					<text>{{$t('security-title-updatePhone')}}</text>
				</view>
			</view>
			<!-- <view class="cu-item arrow" @tap="noPay">
				<view class="content">
					<text>{{$t('security-title-updatePayPass')}}</text>
				</view>
			</view> -->
		</view>

		<!-- <view class="cu-list menu sm-border">
			<view class="cu-item arrow">
				<view class="content">
					<text>安全中心</text>
				</view>
			</view>
		</view> -->

		<view class="cu-list menu sm-border" @tap="noUser">
			<view class="cu-item arrow">
				<view class="content">
					<text>{{$t('security-title-closeAccount')}}</text>
				</view>
			</view>
		</view>


	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex';
	export default {
		data() {
			return {

			}
		},
		computed: {
			...mapState(['user'])
		},
		methods: {
			noPay() {
				this.$wanlshop.msg(this.$t('security-toast1'))
			},
			noUser() {
				this.$wanlshop.msg(this.$t('security-toast2'))
			},
			noMobile() {
				this.$wanlshop.msg(this.$t('security-toast3'))
			}
		}
	}
</script>

<style>

</style>